<template>
  <section class="gray_section">
    <div class="article_preview">
      <div class="image_section">
        <img src="../assets/images/pic01.jpg" alt="图片1">
      </div>
      <div class="text_section">
        <div class="text_section_content">
          <h2>扩展资料</h2>
<!--          <p class="p">又一个子标题</p>-->
          <p>1、Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。</p>
          <p>2、Vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。</p>
          <p>3、Vue可以做从简单到复杂的前端单页应用，随处可见的Web前端都可以用Vue来开发。而且Vue上手速度快、功能强大，且提供了非常好用的脚手架vue-cli，很简单就可以构建并让自己的项目跑起来。</p>
        </div>
      </div>
    </div>

    <div class="article_preview">
      <div class="text_section">
        <div class="text_section_content">
          <h2>起步</h2>
<!--          <p class="p">又一个子标题</p>-->
          <p>官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧！之前有其它框架的使用经验会有帮助，但这不是必需的。</p>
        </div>
      </div>
      <div class="image_section">
        <img src="../assets/images/pic02.jpg" alt="图片2">
      </div>
    </div>

    <div class="article_preview">
      <div class="image_section">
        <img src="../assets/images/pic03.jpg" alt="图片3">
      </div>
      <div class="text_section">
        <div class="text_section_content">
          <h2>风格指南</h2>
          <p>这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue，为了回避错误、小纠结和反模式，该指南是份不错的参考。不过我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的。所以根据过去的经验、周围的技术栈、个人价值观做出有意义的偏差是可取的。</p>
          <p>对于其绝大部分，我们也总体上避免就 JavaScript 或 HTML 的本身提出建议。我们不介意你是否使用分号或结尾的逗号。我们不介意你在 HTML attribute 中使用单引号还是双引号。不过当我们发现在 Vue 的情景下有帮助的特定模式时，也会存在例外。</p>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
    export default {
        name: "MoolngB2"
    }
</script>

<style scoped>

</style>
